<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>折叠边框</title>
    <!--折叠边框-->
    <!--border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开：-->
    <style>
        table {
            border-collapse:collapse;
        }
        table,td,th {
            border:1px solid black;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <th>Firstname</th>
        <th>Lastname</th>
    </tr>
    <tr>
        <td>Peter</td>
        <td>Griffin</td>
    </tr>
    <tr>
        <td>Lois</td>
        <td>Griffin</td>
    </tr>
</table>

<p><b>注意：</b>如果没有指定！DOCTYPE boder-collapse属性在IE8及更早IE版本中是不起作用的。</p>
</body>
</html>